<template>
	<view>
		<view class='mb-2-2 mx-3' v-for="(el,i) in data" :key="i" @click="toPage(el)">
			<image src="/static/test/222.png" class='block w-full' mode="widthFix"></image>
		</view>
		<uni-load-more :status="status"></uni-load-more>
	</view>
</template>

<script>
	import { ref } from "vue";
	export default {
		onPullDownRefresh(e) {
			setTimeout(() => {
				uni.stopPullDownRefresh();
			},1000);
		},
		onReachBottom(){
			// console.log("onReachBottom");
		},
		setup(){
			const data = ref([{},{},{},{},{},{},{},{},{},{}]);
			const status = ref("more");
			function toPage(el){
				uni.navigateTo({
					url: "/pages/my-activity-detail/my-activity-detail"
				})
			}
			return {
				data,
				status,
				toPage
			};
		}
	}
</script>

<style>

</style>
